<!DOCTYPE html>
<html>
<head>
    <title>Kubernetes存储练习 - 静态供应</title>
    <style>
        body { font-family: Arial; margin: 40px; background: #f0f8ff; }
        .container { max-width: 800px; margin: 0 auto; background: white; padding: 20px; border-radius: 10px; }
        h1 { color: #2e86de; }
        .status { background: #d4edda; border: 1px solid #c3e6cb; padding: 10px; border-radius: 5px; }
    </style>
</head>
<body>
    <div class="container">
        <h1>🎉 Kubernetes存储练习成功！</h1>
        <div class="status">
            <p><strong>存储类型：</strong> NFS静态供应</p>
            <p><strong>服务器：</strong> 192.168.20.237</p>
            <p><strong>存储路径：</strong> /nfs/nginx-web-content</p>
            <p><strong>测试时间：</strong> <script>document.write(new Date().toLocaleString());</script></p>
        </div>
        <h2>练习验证项目：</h2>
        <ul>
            <li>✅ PV创建成功</li>
            <li>✅ PVC绑定成功</li>  
            <li>✅ Pod挂载存储成功</li>
            <li>✅ 网站内容持久化成功</li>
        </ul>
    </div>
</body>
</html>